Lexington has been awarded a grant from Astro, to celebrate. Get a 30% discount. Apply code LEXINGTON30 at checkout.

Lexington

← Back to all tutorials

Posts tagged with Alpine JS

Here are all the tutorials and guides tagged with Alpine JS.

Michael Andreuzza
Fri Apr 12

How to create a progress-bar with Tailwind CSS and Alpinejs
Michael Andreuzza
Tue May 07

How to add items to your cart with Tailwind CSS and Alpinejs
Michael Andreuzza
Fri Mar 01

How to animate objects with Tailwind CSS and Alpinejs intersection observer
Michael Andreuzza
Fri Mar 15

How to change background color on scroll with Tailwind CSS and Alpinejs
Michael Andreuzza
Wed Apr 24

How to create a bottom drawer with Tailwind CSS and Alpinejs
Michael Andreuzza
Thu May 02

How to create a carousel with Tailwind CSS and Alpinejs
Michael Andreuzza
Fri May 10

How to create a chat bubble with Tailwind CSS and Alpinejs
Michael Andreuzza
Wed May 08

How to creat a contextual menu with Tailwind CSS and Alpinejs
Michael Andreuzza
Tue Apr 23

How to create a countdown with Tailwind CSS and Alpinejs
Michael Andreuzza
Wed Mar 13

How to create a dismissible cookie banner with Tailwind CSS and Alpinejs
Michael Andreuzza
Fri Mar 08

How to create a flyout menu with Astrojs, Tailwind CSS and Alpinejs
Michael Andreuzza
Wed May 01

How to create a grid toggle with Tailwind CSS and Alpinejs
Michael Andreuzza
Wed Apr 17

How to create a image gallery with Tailwind CSS and Alpinejs
Michael Andreuzza
Thu Apr 11

How to create a Login/Register Form with Tailwind CSS and Alpinejs
Michael Andreuzza
Tue Apr 30

How to create a multistep form with Tailwind CSS and Alpinejs
Michael Andreuzza
Fri Aug 30

How to create a password strength meter with Tailwind CSS and Alpine JS
Michael Andreuzza
Mon Apr 22

How to create a pricing slider with Tailwind CSS and Alpinejs
Michael Andreuzza
Mon Apr 15

How to create a rating system with Tailwind CSS and Alpinejs
Michael Andreuzza
Thu Apr 18

How to create a scroll to top button with Tailwind CSS and Alpinejs
Michael Andreuzza
Fri May 03

How to create a search input with Tailwind CSS and Alpinejs
Michael Andreuzza
Wed Feb 28

How to create a sidebar navigation with Astro, Tailwind CSS and Alpine.js
Michael Andreuzza
Mon Apr 08

How to create a set of tabs with Tailwind CSS and Alpinejs
Michael Andreuzza
Wed Apr 10

How to create a tag input with Tailwind CSS and Alpinejs
Michael Andreuzza
Tue Apr 09

How to create a dark mode toggle with Tailwind CSS and Alpinejs
Michael Andreuzza
Fri Apr 19

How to create a TODO with Tailwind CSS and Alpinejs
Michael Andreuzza
Thu Mar 14

How to create a tooltip with Tailwind CSS and Alpinejs
Michael Andreuzza
Tue Mar 05

How to create an animated log in modal with Tailwind CSS and Alpine.js
Michael Andreuzza
Tue Feb 27

How to create an adaptable navigation on scroll with Astro, Tailwind CSS, and Alpine.js
Michael Andreuzza
Wed Mar 06

How to create an interactive testimonial with Astrojs, Tailwind CSS and Alpine.js
Michael Andreuzza
Mon Feb 26

How to create an interactive pricing table with Astro, Tailwind CSS, and Alpine.js
Michael Andreuzza
Thu Aug 29

How to create persistent tabs with Tailwind CSS and Alpine JS

Reviews and opinions

See them all

"I bought a beautiful theme from Lexington a couple weeks ago. I didn't know Astro at the time, but Michael helped me get set up and really went above and beyond with his support. Now I'm happily redoing my site to look gorgeous with his template."

Stuart

Creator of saasydb.com
"Michael is one of the best designers on Twitter, would highly recommend his Lexington Themes if you want something in tailwind that doesn’t look the same as everyone else!"

Alex Hughes

letsloopin.com

Get lifetime access to every theme available today for $199 and own them forever. Plus, new themes, lifetime updates, use on unlimited projects and enjoy lifetime support.

No subscription required!

Get the bundle for $199 →

Lexington

Beautifully designed HTML, Astro.js and Tailwind themes! Save months of time and build your startup landing page in minutes.